
<div ng-repeat="item in List|filter:{'title':title}">
    <link rel="stylesheet" href="../components/swiper/dist/css/swiper.css">
    <script src="../components/swiper/dist/js/swiper.jquery.js"></script>
    <link rel="stylesheet" href="../css/detailCss.css">
    <script src="../js/detail.js"></script>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img ng-src='../images/goodslist/{{item.imgSrc}}' alt=""></div>
            <div class="swiper-slide"><img ng-src='../images/goodslist/{{item.src1}}' alt=""></div>
            <div class="swiper-slide"><img ng-src='../images/goodslist/{{item.src2}}' alt=""></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="content">
        <div class="name">{{item.title}}</div>
        <div class="price">
            <span class="new">￥<span class="int">{{item.sale}}</span></span>
            <span class="old">价格￥<span class="oldP">{{item.price}}</span></span>
            <a class="collect fr" href="#">加入收藏</a>
        </div>
        <div class="freight clearfix">
            <span class="yunf fl">运费：￥0.00</span>
            <span class="buynum fr">2人已付款</span>
        </div>
    </div>
    <div class="tips">
        <span style="margin-right: 0.82rem;margin-left: 0.32rem;">正品保障</span>
        <span>七天无理由放心退</span>
    </div>
    <div class="goshop clearfix">
        <a href="" class="coll fl" id="coll">
            <div class="tb"></div>
            <span>我的</span>
        </a>
        <a ui-sref="settlement" class="goshopc fl">
            <div class="tb"></div>
            <span>购物车</span>
        </a>
        <div class="addshopc fl">加入购物车</div>
        <div class="gobuy fr">立即购买</div>
    </div>
    <!--选择规格开始-->
    <div class="size" id="size">选择规格<span></span></div>
    <div class="size-mask" id="size-mask">
        <div class="size-box">
            <div class="size-info f-cb">
                <div class="img fl" style="background-image: url('../images/goodslist/1.jpg')"></div>
                <div class="info fl">
                    <p class="price">￥{{item.price}}</p>
                    <p>库存 <span class="kc">24998</span>件</p>
                </div>
            </div>
            <div class="tcbox">
                <div class="tc first">
                    <div class="tit">尺寸</div>
                    <ul class="f-cb choose-box">
                        <li class="choose choose-cur">1.5磅16×16（cm）</li>
                        <li class="choose choose-cur">1磅13×13（cm）</li>
                        <li class="choose choose-cur">5磅31×31（cm）</li>
                        <li class="choose choose-cur">2磅19×19（cm）</li>
                        <li class="choose choose-cur">3磅23×23（cm）</li>
                    </ul>
                </div>
                <div class="tc other jiajg">
                    <div class="tit">加价购</div>
                    <div class="f-cb choose-box">
                        <div class="jjbox clearfix">
                            <span class="quan fl"></span>
                            <span class="fl bujiaj">不加价</span>
                        </div>
                        <div class="jjbox clearfix">
                            <span class="quan quan2 fl"></span>
                            <span class="jjimg fl" style="background-image:url('../images/goodslist/23.png')"></span>
                            <span class="fl jjwz">
                                <i>+68</i>
                                元获得
                                慕斯杯12只装
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="getnum">
                <div class="tit fl">数量</div>
                <div class="numbox f-cb fr">
                    <div class="jian fl"></div>
                    <input type="tel" class="amount fl" value="1" disabled>
                    <div class="jia fl"></div>
                </div>
            </div>
            <div class="get-btn f-cb">
                <div class="pro-in-gocart fl">加入购物车</div>
                <div class="pro-in-gobuy fr">立即购买</div>
            </div>
            <div class="close" id="close"></div>
        </div>
    </div>
    <!--选择规格结束-->
    <!--商品详情与评价-->
    <div class="information">
        <div class="btns f-cb">
            <div class="btn cur">商品详情</div>
            <div class="btn eva-btn">销量评价</div>
        </div>
        <div class="info" id="info">
            <div class="infoajax">
                <p style="text-align:center"><img ng-src='../images/goodslist/{{item.disSrc1}}' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img ng-src='../images/goodslist/{{item.disSrc2}}' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img ng-src='../images/goodslist/{{item.disSrc3}}' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img ng-src='../images/goodslist/{{item.rouler}}' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img src='../images/goodslist/1-11.jpg' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img src='../images/goodslist/1-12.jpg' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img ng-src='../images/goodslist/{{item.disSrc}}' alt=""></p>
                <p style="text-align:center"><br></p>
                <p style="text-align:center"><img src='../images/goodslist/1-14.jpg' alt=""></p>
                <p style="text-align:center"><br></p>
            </div>
            <div class="evaluateajax">
                <div class="memlist f-cb" id="head">
                    <ul></ul>
                </div>
                <div class="che-com" id="che_com"></div>
            </div>
        </div>
    </div>
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true,
        centeredSlides: true,
        autoplay: 3000,
        autoplayDisableOnInteraction: false
    });
</script>
</div>


